<template>
    <view style="padding: 16rpx">
        <view class="box">
            <view style="flex: 1;padding: 32rpx;">
                <text class="top-text">视频设置</text>
            </view>
            <view class="middle" @click="gotoTopic()">
                <text>视频话题</text>
                <view>
                    <text style="font-size: 28rpx; color: rgba(144,147,153,1);">选择爆款话题</text>
					<image
					style="width: 38rpx;height: 38rpx;vertical-align: middle;"
						src="https://www.diandianyouke.site:801/fileDataBase/static/stag/static/img/home_fanhui.png"
						mode="scaleToFill"
					/>
                </view>
            </view>
            <view class="bottom">
                <text>挂载POI</text>
                <radio-group @change="radioChange">
				<label>
						<radio color="rgba(142,84,244,1)" value="0" />本门店
						<radio color="rgba(142,84,244,1)" value="1" checked="true"/>不挂载
				</label>
			</radio-group>
            </view>
        </view>
    </view>
</template>

<script>
export default {
    name: 'UniPresetVueVite1VideoSetup',

    data() {
        return {
            index:0,
            value:true,
            poi:1
        };
    },
    onLoad(options) {
        this.index = options.index
        uni.setStorageSync('poi',this.poi)
    },
    methods: {
        radioChange(e){
            this.poi = e.detail.value
            uni.setStorageSync('poi',this.poi)
        },
        gotoTopic(){
            uni.redirectTo({ url: `/pageA/index/topic?index=${this.index}` })
        }
    },
};
</script>

<style lang="scss" scoped>
    .box{
        display: flex;
        flex-direction: column;
        background-color: #fff;
        .top-text{
            font-size: 32rpx;
            font-weight: 700;
            width: 100%;
            height: 100%;
            line-height: 250%;
        }
        .middle{
            flex: 1;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 28rpx;
            border-top: 1rpx solid rgba(220,223,230,1);
            border-bottom: 1rpx solid rgba(220,223,230,1);
            padding: 32rpx;
        }
        .bottom{
            flex: 1;
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 28rpx;
            padding: 32rpx;
            border-bottom: 1rpx solid rgba(220,223,230,1);
        }
    }
</style>